import Image from 'next/image';
import React from 'react';

function ErrorPage({ searchParams }: { searchParams: { msg: string } }) {
  return (
    <div className="api-error-page text-center serverside-page">
      <h1 className="font-16 font-[300] text-xl pt-12 mb-10">
        Oops, something went wrong!
      </h1>
      <p className="text-md text-gray-500 font-[300] mb-8">
        <Image
          src="/static/images/warning.png"
          className="mr10 dis-ib"
          style={{ width: '25px' }}
          width={30}
          height={30}
          alt="error-icon"
        ></Image>
        <span className="msg">{searchParams.msg}</span>
      </p>
    </div>
  );
}

export default ErrorPage;
